How to create RESPONSIVE Layouts with CSS GRID

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

What is a CSS framework anyway? A CSS (Cascading Style Sheets) framework is a pre-written library of CSS code that provides a set of styles and design patterns for creating consistent and responsive web layouts.

我們已經涵蓋了必要的先備知識，接下來我們可以深入 CSS 排版，看一些不同的顯示方式，如現代的排版方式——彈性盒子、CSS 網格及定位，當然還有一些舊式的技術你可能會想要理解。

List of awesome CSS frameworks in 2025. Contribute to troxler/awesome-css-frameworks development by creating an account on GitHub.

CSS 弹性盒布局，通常称为 Flexbox，是一种针对用户界面设计和一维项目布局进行优化的布局模型。 在 Flex 布局模型中，Flex 容器的子元素可以向任何方向布局，并且可以“伸缩”其大小，要么增长以填充未使用的空间，要么缩小以避免溢出父元素。

Bootstrap 是由 Twitter 開發的老牌最知名的前端 CSS 框架。 它的目標是幫助開發者快速構建響應式和移動優先的網站，沒有設計基礎的工程師也可以簡單做出有基礎設計感的介面。 Bootstrap 採用基於 12 列的網格系統，這個靈活的網格系統讓開發者可以輕鬆地在不同裝置和螢幕尺寸下處理 RWD 佈局。 Bootstrap 也內建大量的預設元件，包括按鈕、表單、導航欄、模態框等，這些元件可以快速整合到專案中，提供一致的設計樣式。 Bootstrap 的一個重要特點是其設計簡單，開發者可以輕鬆

CSS frameworks are a set of pre-written and ready-to-use CSS styles and stylesheets that provide a set of styles and components for styling markup. They streamline the development process by offering a foundation of reusable CSS styles for common design e